import { Link, Outlet } from "umi";
import "./index.less";

export default function Index() {
  return (
    <div className="childApp">
      {/* 左侧菜单区域 */}
      <div className="childSider">
        <div className="childAppTitle">react1-app</div>
        <div className="childMenu">
          <ul>
            <li>
              <Link to={"/index1"}>菜单一</Link>
            </li>
            <li>
              <Link to={"/index2"}>菜单二</Link>
            </li>
          </ul>
        </div>
      </div>
      {/* 右侧内容区域 */}
      <div className="childMain">
        {/* <div>面包屑</div> */}
        <div className="childContent">
          <Outlet />
        </div>
      </div>
    </div>
  );
}
